<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>图片标签</title>
	</head>
	<body>
		<!--
		图片标签：img 单标签
		src属性：图片源，指向素材的地址；
		alt属性：图片加载错误的提示；
		width属性：给图片设置宽度
		height：给图片设置高度
		图片的宽和高一般指设置一个，另一个属性会对图片进行等比例放缩。
		-->
		<img src="img/300.jpg" alt="图片加载错误!" width="200"/>
		<!--
		列表标签：
		无序列表
		有序列表
		自定义列表
		-->
		<u1><!--表示属于无序列表-->
			<li>第一列</li>
			<li>第二列</li>
			<li>第三列</li>
		</u1>
		<ol><!--表示属于有序列表-->
			<li>有序列表1</li>
			<li><img src="img\300.jpg" alt="加载错误"/></li>
			<li><a href="https://www.mi.com">小米官网</a></li>
		</ol>
		<!--自定义列表：dl>dt>dd-->
		<dl>
			<dt>选购指南</dt>
			<dd><a href="httpd://www.mi.com/shop/search?keywor=%E6%89%8B%E6%9C%BA" target="blank"手机</dd>
			<dd>平板</dd>
			<dd>电视</dd>
		</dl>
		<dl>
			<dt>服务中心</dt>
			<dd>线下门店</dd>
			<dd>官方服务</dd>
		</dl>
	</body>
</html>
